{extends file="assets::smarty-templates::Master"|ToPath}
{block name="content"}
{html_css file="whiteLabel/light/jquery.datatables.css"}
{html_css file="tooltip/coda.css"}

<h1>Registros PQRSF</h1>
<fieldset>
    <table class="datatable">
        <thead>
            <tr>
                <th>Tipo de Usuario</th>
                <th>Nombre</th>
                <th>Email</th>
                <th>Fecha de Creaci&oacute;n</th>
                <th>Tipo de Solicitud</th>
                <th style="width: 100px;"></th>
            </tr>
        </thead>
        <tbody>
            {foreach $solicitudes as $solicitud}
                <tr>
                    <td>{$solicitud['id_tipo_usuario']['nombre']}</td>
                    <td>{$solicitud['nombre']} {$solicitud['apellido']}</td>
                    <td>{$solicitud['email']}</td>
                    <td>{$solicitud['createdAt']|date_format}</td>
                    <td>{$solicitud['id_tipo_solicitud']['nombre']}</td>
                    <td>
                        <a class="btn small icon i_table" href="{$detallesUrl}&idSolicitud={$solicitud['id']}">Detalles</a>
                    </td>
                </tr>
            {/foreach}
        </tbody>
    </table>
</fieldset>
<div id="solicitud" class="overlay">
    <div id="solicitud_content"></div>
</div>
        
<script type="text/javascript">
    {literal}
        require(["WhiteLabel.datatables", "jQuery.ToolTip", "jquery"], function(jQuery){
            jQuery(document).ready(function($){
                $(".tooltip").tooltip({
                    track: true,
                    delay: 0,
                    fixPNG: true,
                    top: -5,
                    left: 30
                });
                /*
                    top: 15,
                    left: 10
                */ 
            });
        });
    {/literal}
</script>
{/block}